<template>
	<input type="text" :value="value" @input="input" :placeholder="placeholder" />
</template>

<script>
	export default {
		name: "inp",
		props: {
			value: {
				type: String,
				default: "",
			},
			placeholder: {
				type: String,
				default: "",
			},
			index: {
				type: Number,
				default: 0,
			}
		},
		data() {
			return {

			};
		},
		methods: {
			input(e) {
				this.$emit('input', {
					str: e.detail.value,
					index: this.index
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.inp {

		font-size: $uni-font-size-17;
		width: 100%;
		margin-bottom: 30rpx;
		padding: 0;
	}
</style>